
<template>
	<view class="content">
		
		<view class="login_img"><image mode="aspectFill" src="https://s1.ax1x.com/2023/03/23/pp0ZMdK.png"></image></view>
		
		<view class="login_from">
			
			
			<view class="login_from_input">
				<view class="login_from_name">账号:</view>
				<view class="login_from_fun"><input  v-model="loginDate.username" type="text" placeholder="请输入账号或者手机号码"></view>
			</view>
			
			
			<view class="login_from_input">
				<view class="login_from_name">密码:</view>
				<view  class="login_from_fun"><input v-model="loginDate.password" type="digit" password="true" placeholder="请输入密码"></view>
			</view>
			<view class="login_from_input">
				<view class="login_from_name">确认:</view>
				<view  class="login_from_fun"><input v-model="loginDate.againpassword" type="digit" password="true" placeholder="请再次输入密码"></view>
				
			</view>
			
			
	
				<view class="login_from_dl">
							<button @click="denglu">注册</button>
				</view>
			
			
		</view>
		
	</view>
</template>
<script>
 export default {
   data(){
     return {
		gouxSta:false,
		loginDate:{
			username:'',
			password:'',
			againpassword:''
			
		},
	
		 
	}
	   },
    onLoad(){
     },
    methods: {
		
	
		moutcl(){
			
			if( this.gouxSta == false){
				
				this.gouxSta = true
				
			}else{
				
				this.gouxSta = false
				
			}
			
		},
			
	
		denglu(){
			
			if (this.loginDate.username === "") {
			        uni.showToast({
			          title: "用户名不能为空",
			          icon: "none",
			        });
			      } else 
			
			 if (this.loginDate.password !== this.loginDate.againpassword) {
				 
				  uni.showToast({
				           title: "两次密码不一致",
				           icon: "none",
				         });
				 
			           }else{
				let msg='';
				
				
				// if( this.gouxSta == false){
					
				// 	uni.showToast({
				// 		"title":"请阅读并勾选用户协议",
				// 		"icon":'none'
				// 	})		
							
					
				// }
				uni.request({
					url:'http://xuyifeitest.natapp1.cc/addUser',
					method:"POST",
					data:this.loginDate,
					success:(res)=>{
						console.log(res)
						const data=res.data
							
						if(data.code=='300'){
							uni.showToast({
								icon:"none",
								title:'创建失败,用户名已存在',
								
							})
							
						}else{
							uni.showToast({
								
								
								title:'创建成功!',
								
								
								})				
								
								setTimeout(function() {
								  uni.navigateTo({
								    url:'/pages/login/login'
								  });
								}, 500);
									
								
							
						}
					
					
					}
				})
				
				
			}
	
				
			}
		}

 }
</script>
<style>
	
	page{ background: #fff;font-family: arial,verdana,helvetica,'PingFang SC','HanHei SC',STHeitiSC-Light,Microsoft Yahei,sans-serif; }
	
	.login_img{ width: 100%; height: auto; margin-top: 90upx; }
	.login_img image{ width: 200upx; height: 200upx; display: block; margin: 0px auto; border-radius: 50%; }
	
	.login_from{ width: 100%; height: auto; box-sizing: border-box; padding: 40upx 8%; margin-top: 80upx; }
	
	.login_from_input{ width:100%; height:auto; display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-bottom: 1px #eee solid  ; padding: 50upx 0px; margin: 0px auto;  } 
	
	.login_from_name{ width: 20%; }
	.login_from_fun{ width: 75%; display: flex; flex-direction: row; justify-content: flex-end;  }
	.login_from_fun input{ width: 100%; text-align: left; font-size: 14px;  }
	
	
	.login_from_dl{ width: 100%; height: 50px; line-height: 50px; margin-top: 150upx;   }
	.login_from_dl button{ width: 100%; height: 50px; line-height: 50px; background: #007AFF; color: #fff; border-radius: 0px; }
	
	.logo_xieyi{ width: 100%; height: 40px; line-height: 40px; display: flex; flex-direction: row; margin-top: 30upx; align-items: center; color: #444; font-size: 14px; justify-content: center; }
	.logo_xieyi label{ font-size: 18px; margin-right: 1%; display: block; width: 15px; height: 15px; }
	
	.cuIcon-squarecheckfill{ color: #007AFF; }
	.logo_text text{ color: #007AFF; }
	.cuIcon-squarecheckfill{ background: #007AFF; position: relative; border: 2px #ccc solid; box-sizing: border-box; border-radius: 3px; }
	.cuIcon-square{ background: #fff; border: 2px #ccc solid; box-sizing: border-box; border-radius: 3px; }
	
</style>



